@charset "UTF-8";

$hd: 1px; // 基本单位

// 全局/品牌色
$brand-green: #32b16c;  // 云医院 - 绿色
$brand-orange: #FF6E41; // 健康管理项目 - 橙色
$brand-pink: #FF8698;   // 粉色
$brand-red : #FF2500;   // 红色
$brand-blue: #108ee9;
$brand-light-blue: #00BCD4; // 浅蓝色
$brand-yellow: #ffc600;


// 黑色透明
$black87: rgba(0,0,0,0.87);           //黑色
$black54: rgba(0,0,0,0.54);           //灰色
$black26: rgba(0,0,0,0.26);           //浅灰色


// 文字色
// 其它
$text-color-black: #000;                  // 基本
$text-color-white: #fff;          // 基本 - 反色
$text-color-secondary: #a4a9b0;          // 辅助色
$text-color-placeholder: #bbb;           // 文本框提示
$text-color-disabled: #ddd;              // 失效
$text-color-caption: #888;               // 辅助描述
$text-color-paragraph: #333;             // 段落
// 全局/品牌色
$text-color-green: $brand-green;
$text-color-orange: $brand-orange;
$text-color-pink: $brand-pink;
$text-color-red: $brand-red;
$text-color-blue: $brand-blue;
$text-color-yellow: $brand-yellow;
// 黑色透明
$text-color-black87: $black87;
$text-color-black54: $black54;
$text-color-black26: $black26;


// 背景色
// 其它
$bg-color-white: #fff;                           // 组件默认背景
$bg-color-black: #000;                           // 组件默认背景
$bg-color-body: #f5f5f9;                        // 页面背景
$bg-color-tap: #ddd;                            // 组件默认背景 - 按下
$bg-color-disabled: #ddd;                       // 通用失效背景
$bg-color-grey: #f6f6f6;
// 全局/品牌色
$bg-color-green: $brand-green;
$bg-color-orange: $brand-orange;
$bg-color-pink: $brand-pink;
$bg-color-red: $brand-red;
$bg-color-blue: $brand-blue;
$bg-color-light-blue: $brand-light-blue;
$bg-color-yellow: $brand-yellow;
// 黑色透明
$bg-color-black87: $black87;
$bg-color-black54: $black54;
$bg-color-black26: $black26;


// 边框色
$border-color-grey : #ddd;                  //分割线颜色-深灰色
$border-color-grey-light : #eee;                  //分割线颜色-浅灰色
$border-color-black : #333;                 //分割线颜色-黑色
// 全局/品牌色
$border-color-green: $brand-green;
$border-color-orange: $brand-orange;
$border-color-pink: $brand-pink;
$border-color-red: $brand-red;
$border-color-blue: $brand-blue;
$border-color-yellow: $brand-yellow;


// 圆角尺寸
$radius-xs: 2 * $hd;
$radius-sm: 3 * $hd;
$radius-md: 5 * $hd;
$radius-lg: 7 * $hd;
$radius-circle: 50%;


// z-index 层级
$zindex-mask: 888;
$zindex-modal: 999;
$zindex-loading: 1000;
$zindex-toast: 1000;
$zindex-login: 777;